﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>jsTree 测试</title>

    <script src="../Scripts/jquery-1.8.2.js" type="text/javascript"></script>
    <script src="../Scripts/jquery.cookie.js" type="text/javascript"></script>
    <script src="../Scripts/jquery.hotkeys.js" type="text/javascript"></script>
    <script src="../Scripts/jquery.jstree.js" type="text/javascript"></script>

    <link href="!style.css" rel="stylesheet" type="text/css" />
    <link href="syntax/!style.css" rel="stylesheet" type="text/css" />
    <script src="syntax/!script.js" type="text/javascript"></script>

<script type="text/javascript">

    $(function () {
        $("#test1").jstree({
            "plugins": ["themes", "html_data", "ui"],
            "core": { "initially_open": ["phtml_1", "phtml_2", "phtml_3", "phtml_4"] }
        });
    });

</script>

</head>
<body>



<div id="test1" class="demo" style="height:500px;">
	<ul>
		<li id="phtml_1">
			<a href="#">操作系统</a>
			<ul>
				<li id="phtml_11">
					<a href="#">Microsoft Windows</a>
				</li>
				<li id="phtml_12">
					<a href="#"> Apple OSX </a>
				</li>
                <li id="phtml_13">
					<a href="#"> RedHat Linux</a>
				</li>
                <li id="phtml_14">
					<a href="#"> SCO Unix  </a>
				</li>
			</ul>
		</li>


		<li id="phtml_2">
			<a href="#">数据库</a>

            <ul>
				<li id="phtml_21">
					<a href="#"> Oracle </a>
				</li>
				<li id="phtml_22">
					<a href="#"> DB2 </a>
				</li>
                <li id="phtml_23">
					<a href="#"> SQL Server </a>
				</li>
                <li id="phtml_24">
					<a href="#"> MongoDB </a>
				</li>
			</ul>
		</li>




        <li id="phtml_3">
			<a href="#">计算机语言</a>

            <ul>
				<li id="phtml_31">
					<a href="#"> C </a>
				</li>
				<li id="phtml_32">
					<a href="#"> C++ </a>
				</li>
                <li id="phtml_33">
					<a href="#"> C# </a>
				</li>
                <li id="phtml_34">
					<a href="#"> Objective-C  </a>
				</li>
			</ul>
        </li>



        <li id="phtml_4">
			<a href="#">移动设备 </a>

            <ul>
				<li id="phtml_41">
					<a href="#"> IPhone </a>
				</li>
				<li id="phtml_42">
					<a href="#"> Android </a>
				</li>
                <li id="phtml_43">
					<a href="#"> WinPhone </a>
				</li>
			</ul>
        </li>





	</ul>
</div>



</body>
</html>
